<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <base href="./">
    <title>JD</title>
    <link rel="stylesheet" type="text/css" href="css/pub/menu.css">
    <link rel="stylesheet" type="text/css" href="css/pub/pub_box.css">
    <link rel="stylesheet" type="text/css" href="css/pages/index.css">
    <link rel="stylesheet" type="text/css" href="css/jquery/jquery-ui.css">
    <link rel="stylesheet" type="text/css"
          href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" type="text/css"
          href="css/pub/bootstrap/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/pub/highcharts.css">
    <link rel="stylesheet" type="text/css"
          href="css/pub/bootstrap-select.min.css">
    <link rel="stylesheet" type="text/css"
          href="css/pub/awesome/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/pub/menu.css">
    <link rel="stylesheet" type="text/css" href="css/pub/pub_box.css">
    <link rel="stylesheet" type="text/css" href="css/pub/datetime.css">
    <link rel="stylesheet" type="text/css"
          href="css/pub/bootstrap/bootstrap-datetimepicker.css">
</head>

<body>
<div class="container-fluid" style="height: 100%; width: 100%;">

    <div class="row" id="logo_title">校园教室管理系统<span class="logout"><a href="javascript:void(0)" id="logout"><i
            class="fa fa-power-off" aria-hidden="true"></i> 注销</a></span></div>
    <div class="row index_page">
        <div class="navMenubox col-md-2 menu_div " style="height: 100%">
            <div id="slimtest1">
                <div class="navMenu-top">
                    <div id="mini" style="color: white; font-size: 10px">
                        <i class="fa fa-bars fa-2x"> 菜单栏</i>
                    </div>
                </div>
                <ul class="navMenu">
                    <li id="index" class="menu"><a href="index.html"
                                                   class="afinve"> <i class="fa fa-info-circle icon"></i>
                        <span>个人资料</span>
                    </a></li>
                    <li id="classrooms" class=""><a href="javascript:void(0)"
                                                       class="afinve"> <i class="fa fa-info-circle icon"></i>
                        <span>预约页面</span>
                    </a></li>
                    <li><a href="javascript:" class="afinve"> <i
                            class="fa fa-info-circle icon"></i> <span class="">管理</span>
                        <span class="arrow"></span>
                    </a>
                        <ul class="sub-menu">
                            <li>
                            <li><a href="javascript:" class="afinve"> <span><i
                                    class="fa fa-tag"></i> 我的预约</span> <span class="arrow"></span>
                            </a>
                                <ul class="sub-menu">
                                    <li id="myhistory_wating"><a href="javascript:"> <span><i
                                            class="fa fa-tint"></i> 待审核</span>
                                    </a></li>
                                    <li id="myhistory_passed"><a href="javascript:"> <span><i
                                            class="fa fa-tint"></i> 已通过</span>
                                    </a></li>
                                </ul>
                            </li>
                            <li><a href="javascript:" class="afinve"> <span><i
                                    class="fa fa-tag"></i> 普通管理员</span> <span class="arrow"></span>
                            </a>
                                <ul class="sub-menu">
                                    <li id="general_wating"><a href="javascript:"> <span><i
                                            class="fa fa-tint"></i> 待审核</span>
                                    </a></li>
                                    <li id="general_passed"><a href="javascript:"> <span><i
                                            class="fa fa-tint"></i> 已通过</span>
                                    </a></li>
                                </ul>
                            </li>
                            <li><a href="javascript:" class="afinve"> <span><i
                                    class="fa fa-tag"></i> 高级管理员</span> <span class="arrow"></span>
                            </a>
                                <ul class="sub-menu">
                                    <li id="advanced_wating"><a href="javascript:"> <span><i
                                            class="fa fa-tint"></i> 待审核</span>
                                    </a></li>
                                    <li id="advanced_passed"><a href="javascript:"> <span><i
                                            class="fa fa-tint"></i> 已通过</span>
                                    </a></li>
                                </ul>

                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

        <div class=" mainpage" id="mainpage" style="padding-left: 10px;">
            <div>
                <div class="row loca_title "
                     style="padding-left: 10px;">
                    <i class="fa fa-location-arrow"></i>&nbsp;&nbsp;首页
                </div>
                <div class="row"
                     style="margin-top: 10px; width: 100%; padding-left: 0; margin-left:0;margin-right:0">
                    <div class="col-md-6 intro_box" style="padding-left:0">
                        <div class="title" style="margin-top: 0">
                            <i class="fa fa-question-circle-o"></i>&nbsp;&nbsp;个人信息
                        </div>
                        <div class="intro_box_detail">

                            <div style="margin: 5px">
                                <p>个人信息个人信息个人信息
                                <p>个人信息个人信息个人信息
                                <p>个人信息个人信息个人信息
                                <p>个人信息个人信息个人信息
                                <p>个人信息个人信息个人信息
                                <p>个人信息个人信息个人信息

                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 intro_box" style="padding-right: 0">
                        <div class="title" style="margin-top: 0">
                            <i class="fa fa-question-circle-o"></i>&nbsp;&nbsp;用户照片
                        </div>
                        <div class="intro_box_detail">
                            <img src="img/banben.jpeg" width="100%" height="300px">
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="js/pub/jquery-3.2.1.js"></script>
<script src="js/pub/jquery.slimscroll.min.js"></script>
<script src="js/pub/bootstrap/bootstrap.js"></script>
<script src="js/pub/jquery.slimscroll.min.js"></script>
<script src="js/pub/highchart/highstock.js"></script>
<script src="js/pub/exporting.js"></script>
<script src="js/pub/bootstrap-select.js"></script>
<script src="js/pub/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="js/pub/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="js/pub/pub.js"></script>
<script src="js/page/index.js"></script>
<script src="js/page/xs_ztbx.js"></script>
</body>

</html>